<template>
  <div class="text">
    <span class="title" v-if="question.isNecessary === true" style="color: salmon">*</span>
    <span class="title">{{index}}.{{question.title}}</span>
    <span class="type">&ensp;&ensp;&ensp;[多选题]</span>
    <br>
    <div v-for="(option, num) in question.options">
      <el-checkbox :model-value="option.isChoosed">{{option.text}}</el-checkbox>
    </div>
  </div>
</template>

<script>
export default {
  name: "RawCheckbox",
  props: {
    question: Object,
    index: Number,
    time: String,
    choice: Number
  },
}
</script>

<style scoped>
.text {
  text-align: left;
}
.title {
  font-weight: bold;
  color: black;
  font-size: 20px;
}
</style>